<template>
  <div class="components-buttom">
    <div class="buttom-content">
      <div class="buttom-box">
        <div class="buttom-flex">
          <div class="flex-icon">
            <img src="@/assets/image/bottom-flex-1.png" class="icon" alt="" />
          </div>
          <div class="flex-info">
            <div class="flex-name">贴心服务</div>
            <div class="flex-text">一站式360度服务</div>
          </div>
        </div>
        <div class="buttom-flex">
          <div class="flex-icon">
            <img src="@/assets/image/bottom-flex-2.png" class="icon" alt="" />
          </div>
          <div class="flex-info">
            <div class="flex-name">安全保密</div>
            <div class="flex-text">客户信息实行最高等级保护</div>
          </div>
        </div>
        <div class="buttom-flex">
          <div class="flex-icon">
            <img src="@/assets/image/bottom-flex-3.png" class="icon" alt="" />
          </div>
          <div class="flex-info">
            <div class="flex-name">高效便捷</div>
            <div class="flex-text">不放过为客户节省每分钟的可能</div>
          </div>
        </div>
        <div class="buttom-flex">
          <div class="flex-icon">
            <img src="@/assets/image/bottom-flex-4.png" class="icon" alt="" />
          </div>
          <div class="flex-info">
            <div class="flex-name">售后保障</div>
            <div class="flex-text">专家级售后服务，保您全程无忧</div>
          </div>
        </div>
      </div>
    </div>
    <div class="bottom-info">
      <div class="bottom-info-content">
        <div class="code-box phone-code">
          <div class="code-flex mgr">
            <div class="code-img"></div>
            <div class="code-text">公众号二维码</div>
          </div>
          <div class="code-flex mgr">
            <div class="code-img"></div>
            <div class="code-text">企业微信客服</div>
          </div>
          <div class="code-flex">
            <div class="code-img"></div>
            <div class="code-text">提交工单</div>
          </div>
        </div>

        <div class="bottom-info-box">
          <div class="logo">
            <img src="@/assets/image/bottom-logo.png" class="logo-icon" />
          </div>
          <div class="info-text-box">
            <div class="ino-box">
              <p>联系地址：深圳市南山区桂庙路12号</p>
              <p>联系电话：0755-8888888</p>
              <p>邮箱：2374338754@qq.com</p>
              <p>联系人：邓先生</p>
            </div>
          </div>
          <div class="code-box mgr">
            <div class="code-img"></div>
            <div class="code-text">公众号二维码</div>
          </div>
          <div class="code-box mgr">
            <div class="code-img"></div>
            <div class="code-text">企业微信客服</div>
          </div>
          <div class="code-box">
            <div class="code-img"></div>
            <div class="code-text">提交工单</div>
          </div>
        </div>
      </div>
    </div>
    <div class="foot-text">
      版权所有©震撼者科技深圳有限公司 2020-2026 保留一切权利 粤ICP备2021126334号
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
@import "@/style/var.less";
@import "./index.less";
</style>
